<div id="options">
    <!-- to be done -->
    <button id="button-back">BACK</button>
</div>
<script>
    //make button back with icon
    $(function() {
        $("#button-back").button({
            icons: {
                primary: "ui-icon-circle-arrow-w"
            }
        });
    });
    //navigation to main menu
    $(document).ready(function() {
        $("#button-back").click(function() {
            if ($(this).is('#button-back')) {
                //can't load index because it double countent still thinking how to merge it and use only one file
                $("#options").hide().load("home.html", function(response, status, xhr) {
                    if (status === "error") {
                        // handle error 
                    }
                    else
                    {
                        $(this).fadeIn();
                    }
                });
            }
        });
    });
</script>